<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
</head>

<script src="../../assets/js/dropzone.min.js"></script>

<script>
	$(document).ready(function(){
	/*------ Dropzone Init ------*/
	$(".dropzone").dropzone(
		{
			previewsContainer : ".dropzone",
//			addedfile : function(file) { // alert("Added file"); // }
			previewTemplate : "<div class=\"dz-preview dz-file-preview\" onclick=\"moveDiv(this)\" >\n     <div class=\"dz-details\">\n    <div class=\"dz-filename\"><span data-dz-name></span></div>\n    <div class=\"dz-size\" data-dz-size></div>\n    <img data-dz-thumbnail />\n  </div>\n  <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\n  <div class=\"dz-success-mark\"><span>✔</span></div>\n  <div class=\"dz-error-mark\"><span>✘</span></div>\n  <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n<div>Awesome<form class=\"form-horizontal\"><fieldset class=\"col-sm-12\"><div class=\"form-group\"><div class=\"controls row\"><div class=\"input-group col-sm-12\">	<input type=\"text\" class=\"form-control\" id=\"price\" placeholder=\"Price\"/></div></div></div><div class=\"form-group\"><div class=\"controls row\"><div class=\"input-group col-sm-12\">	<input type=\"text\" class=\"form-control\" id=\"description\" placeholder=\"Description\"/></div></div></div><div class=\"control-group\"><div class=\"controls\"><select id=\"category\" name=\"category\"><option value=\"\">--Select--</option><option value=\"FM\">CAT</option></select></div></div></div></div>"
		});
});
</script>

<body>
	<div class="container">
		<div class="row">
			<div id="content" class="col-lg-12 col-sm-12 ">
				<div class="row">
					<div class="col-lg-12">
						<div class="box">
							<div class="box-header">
								<h2>
									<i class="fa fa-edit"></i>Drop Zone</h2>
								<div class="box-icon">
									<a href="form-dropzone.html#" class="btn-setting">
										<i class="fa fa-wrench"></i>
									</a>
									<a href="form-dropzone.html#" class="btn-minimize">
										<i class="fa fa-chevron-up"></i>
									</a>
									<a href="form-dropzone.html#" class="btn-close">
										<i class="fa fa-times"></i>
									</a>
								</div>
							</div>
							<div class="box-content">
								<div class="alert alert-info">
									<button type="button" class="close" data-dismiss="alert">×</button>
									Drag & drop files from your desktop to the area below
								</div>

								<div class="form-group">
									<label class="control-label">File Upload</label>
									<div class="controls">
										<div id="dropzone">
											<form action="test.html" class="dropzone">
												<div class="fallback">
													<input name="file" type="file" multiple="" />
												</div>
											</form>
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>
					<!--/col-->

				</div>
				<!--/row-->



			</div>
			<!-- end: Content -->

		</div>
		<!--/row-->

	</div>
	<!--/container-->



	</footer>



	<!-- end: JavaScript-->

</body>

</html>